.voice-helper{width:1.08rem;height:1rem;background:url('../../assets/images/home/index/cloud.png') no-repeat;
background-position:center;background-size:100%;position:absolute;bottom:2.2rem;left:0.2rem;transition:all 0.3s;
-webkit-transition:all 0.3s;z-index:2;}
.voice-tips{width:5.2rem;height:1rem;position:absolute;left:0.35rem;bottom:2.8rem;background:url('../../assets/images/home/index/cloud-bg.png') no-repeat;
background-position:center;background-size:100% 100%;font-size:0.24rem;display:flex;display:-webkit-flex;align-items:center;
-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;transition:all 0.3s;-webkit-transition:all 0.3s;z-index:2;}
.move .voice-helper{bottom:5.91rem;}
.move .voice-tips{bottom:6.51rem;}

.recorder-mask{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1;background-color:rgba(0, 0, 0, .3);}
.recorder-icon{width:0.5rem;height:0.5rem;position:absolute;top:30%;left:50%;z-index:3;
transform:translate(-50%, -50%);-webkit-transform:translate(-50%, 0);background:url('../../assets/images/home/predict/record.png')
no-repeat;background-position:center;background-size:100%;}
.wave-area{width:3rem;height:1rem;position:absolute;top:30%;left:50%;z-index:3;
transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);}